<template>
	<el-table-column v-bind="$attrs" :min-width="minWidth" show-overflow-tooltip>
		<template #default="{ row, column }">
			{{ timeFormat(row[column.property], format) }}
		</template>
	</el-table-column>
</template>
<script lang="ts" setup>
// 正常的列, 主要是为了统一默认列宽120
import { timeFormat } from '/@/utils'
defineOptions({
	name: 'MkColumnDate',
});

const props = defineProps({
	col: { // 宽度比例 0.1 到 6.0
		type: Number,
		default: 1,
	},
	format: {
		type: String,
		default: 'YYYY-MM-DD HH:mm'
	}
});

// 宽度以120px为1单位, min-width 会把宽度按比例分配给设置了 min-width 的列
const minWidth = computed(() => {
	return props.col * 120;
});

</script>
